<template>
<div>
    <el-form  :inline="true" :model="formInline" class="demo-form-inline">
      <el-form-item label="">
        <el-input v-model="formInline.user" placeholder="请输入"></el-input>
      </el-form-item>
      <el-form-item label="">
        <el-select v-model="formInline.region" placeholder="请选择部门">
          <el-option label="人事部" value="人事部"></el-option>
          <el-option label="技术部" value="技术部"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="">
        <el-select v-model="formInline.grouping" placeholder="请选择分组">
          <el-option label="一组" value="一组"></el-option>
          <el-option label="二组" value="二组"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="">
        <el-select v-model="formInline.whether" placeholder="请选择是否考勤">
          <el-option label="是" value="是"></el-option>
          <el-option label="否" value="否"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item label="">
        <el-date-picker
      v-model="value1"
      type="date"
      placeholder="选择日期">
    </el-date-picker>
      </el-form-item>
      <el-form-item>
        <el-button class="aa" type="primary" @click="onSubmit">查询</el-button>
      </el-form-item>
  </el-form>
  <template>
  <ccc />
  </template>
</div>
</template>
<script>
import ccc from './ccc.vue'
   export default {
    data() {
      return {
        formInline: {
          user: '',
          region: '',
          grouping:'',
          whether:'',
        },
        pickerOptions: {
          disabledDate(time) {
            return time.getTime() > Date.now();
          },
          shortcuts: [{
            text: '今天',
            onClick(picker) {
              picker.$emit('pick', new Date());
            }
          }, {
            text: '昨天',
            onClick(picker) {
              const date = new Date();
              date.setTime(date.getTime() - 3600 * 1000 * 24);
              picker.$emit('pick', date);
            }
          }, {
            text: '一周前',
            onClick(picker) {
              const date = new Date();
              date.setTime(date.getTime() - 3600 * 1000 * 24 * 7);
              picker.$emit('pick', date);
            }
          }]
        },
        value1: '',
      }
    },
     components:{
       ccc
    },
    methods: {
      onSubmit() {
        console.log('submit!');
      }
    }
  }
</script>

<style lang="scss" scoped>

</style>